<template>
    <div>
        <user-header></user-header>
        <router-view class="hhh"></router-view>
        <Footer></Footer>
    </div>
</template>

<script>

    import userHeader from "../components/userHeader";
    import Footer from "../components/Footer";

    export default {
        name: "userInfo",

        components:{
            userHeader,
            Footer
        },
        created() {
            if(!this.$store.state.login.isLogin){
                this.$router.push('/login')
            }
        }

    }
</script>

<style lang="less" scoped>

    /deep/ .van-tabs,.van-tabs--line{
        height: calc(100vh - 205px);
        overflow: scroll;
        z-index: 100;
        margin-top: -10px;
        text-align: center;
    }
    /deep/.van-tabs__line{
        width: 100px;
    }
    /deep/.van-icon-contact::before{
        font-size: 20px;
    }
    /deep/ .van-icon-bag-o::before{
        font-size: 20px;
    }
    /deep/.van-field__left-icon{
        margin-right: 10px;
    }
    /deep/ .van-icon-cross::before{
        color: white;
    }
    /deep/ .van-tabs__nav,van-tabs__nav--line{
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
    .hhh{
        min-height: 300px;
    }
</style>